<template>
  <div>
  
    <van-swipe class="my-swipe" :autoplay="1500" indicator-color="white">
      <van-swipe-item>
        <img src="https://mall.s.maizuo.com/ae13cdf54f9552bbe0613d3cbb44b350.png?x-oss-process=image/format,webp"
          alt="Slide 1" />
      </van-swipe-item>
      <van-swipe-item>
        <img src="https://mall.s.maizuo.com/03a19a63d2a4d5eeb5e96b4485c89370.jpg?x-oss-process=image/format,webp"
          alt="Slide 2" />
      </van-swipe-item>
      <van-swipe-item>
        <img src="https://mall.s.maizuo.com/04d5b66b902d9261e70f6e7830f26ab9.png?x-oss-process=image/format,webp"
          alt="Slide 3" />
      </van-swipe-item>
      <!-- <van-swipe-item>4</van-swipe-item> -->
    </van-swipe>
  
  </div>
</template>

<script>
import { Swipe, SwipeItem } from 'vant';
export default {

}
</script>
<style lang="less" scoped>
@import "Swiper.less";

.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  // line-height: 150px;
  text-align: center;
  background-color: #fff;
}
</style>